<ss-platform-layout-frame #layout>
  <ss-platform-layout-frame-left>
    <div class="sidebar on" #s1>
      <div class="body">
        <div class="item">
          <div class="mark jump" (click)="layout.slide(s2)">
            <i>&#xe006;</i>
            <b>管理流程</b>
            <cite><i>&#xe007;</i></cite>
          </div>
        </div>
        <div class="item">
          <div class="mark current">
            <i>&#xe024;</i>
            <b>发起流程</b>
          </div>
        </div>
        <div class="item">
          <div class="mark">
            <i>&#xe054;</i>
            <b>我发起的</b>
            <cite>0</cite>
          </div>
        </div>
        <div class="item">
          <div class="mark">
            <i>&#xe055;</i>
            <b>我执行的</b>
            <cite>0</cite>
          </div>
        </div>
      </div>
    </div>
    <div class="sidebar" #s2>
      <div class="header" (click)="layout.slide(s1)">
        <a href="javascript:void(0)"><i>&#xe010;</i>返回</a>
      </div>
      <div class="body">
        <div class="item">
          <div class="mark current">
            <i>&#xe024;</i>
            <b>流程设置</b>
          </div>
        </div>
        <div class="empty">还没有可管理的流程</div>
      </div>
    </div>
  </ss-platform-layout-frame-left>
  <ss-platform-layout-frame-right>
    <div class="header">
      <ng-template #cPopover>
        <div class="ss-platform-popover-content menu" style="width:90px">
          <ul>
            <li routerLink="/spaces/1024/procedures/create/audit">审批流程</li>
            <li>业务流程</li>
          </ul>
        </div>
      </ng-template>
      <button class="ss-platform-btn ss-platform-btn-primary mini ss-platform-pull-right ss-platform-mt11" [ss-platform-popover]="{template:cPopover}">
        创建流程
      </button>
    </div>
    <div class="body"></div>
  </ss-platform-layout-frame-right>
</ss-platform-layout-frame>
